<template>
	<div class="changepsw">
		<div class="head-top">
			<mt-header title="修改密码">
				<router-link to="/set" slot="left">
					<mt-button icon="back"></mt-button>
				</router-link>
			</mt-header>
		</div>		
		<div class="psw">			
			<mt-field label="原密码" placeholder="请输入原密码" type="password" v-model="password1"></mt-field>
			<mt-field label="新密码" placeholder="请输入新密码" type="password" v-model="password2"></mt-field>
			<mt-field label="再次确认新密码" placeholder="请再次输入新密码" type="password" v-model="password3"></mt-field>			
		</div>
		
		<div class="btn">
			<mt-button size="large">修改密码</mt-button>
		</div>

	</div>
</template>

<script>
	import { Field } from 'mint-ui';
	export default {
		data(){
			return {
				password1:'',
				password2:'',
				password3:'',
				
			}
		}
	}
</script>

<style scoped>
	/*head style*/
	.head-top {
		margin-bottom: 20px;
	}
	
	
	.mint-cell {
		min-height: 60px;
		margin-top: 2px;	
	}




	/*placeholder 位置*/
	.psw ::-webkit-input-placeholder {
		text-align: right;
		color: #A1A1A1;
		font-size: 13px;
	}
	
	.psw :-ms-input-placeholder {
		text-align: right;
		color: #A1A1A1;
		font-size: 13px;
	}

	
	/*按钮*/
	.btn {
		margin: 0 16px;
		margin-top: 20px;
	}
	
	.btn button {
		background-color: #e60012;
		color: #FFFFFF;
		font: 16px/16px "微软雅黑";
		height: 50px;
	}
	
</style>